{include file="public/header" /}
<body class="bg-white">
    <header class="ec-header">
        <img src="{:sysconf('lushihezuo')}" alt="图片加载失败" width="100%" height="100%">
    </header>
    <ul class="ec-table layui-bg-gray">
        <li class="ec-table-this">律师合作</li>
        <li>合作案例</li>
    </ul>
    {volist name="data" id="vo"}
    <div id="coopcase1">
        {$vo.content}
        <h3 class="cc-title color-yellow">三步获取诉讼资金</h3>
        <ul class="cc-box">
            {volist name="$vo.son" id="vo2"}
            <li class="cc-item">
                <p class="cc-item-head">{$key+1}</p>
                <h4>{$vo2.title}</h4>
               {$vo2.content}
            </li>
            {/volist}
        </ul>
    </div>
    {/volist}

    <div id="coopcase2" style="display:none;">
        {volist name='result' id='vo'}
        <div class="ml-box">
            <div class="ml-box-item">
                <img src="__STATIC__/plugs/weixin/img/img10.png" alt="">
            </div>
            <div class="ml-box-item">
                <h3>{$vo.create_at|mb_substr=0,10,'utf-8'}</h3>
                <p>{$vo.address}{$vo.name|mb_substr=0,1,'utf-8'}律师成功加入零零诉律师事务所</p>
            </div>

        </div>
       {/volist}
    </div>

    <div class="poc-compile-b">
        <div class="poc-compile-bi bg-yellow" onclick="window.location.href='{:url(\'lawyer_cooperate/index\')}'">
            <a class="color-white" href="javascript:;">申请合作</a>
        </div>
    </div>
    </div>
    <script>
        $(document).ready(function () {
            $('.ec-table li').each(function () {
                $('.ec-table li').click(function () {
                    $('.ec-table li').removeClass('ec-table-this');
                    $(this).addClass('ec-table-this');
                    if ($(this).index() == 0) {
                        $('#coopcase1').css('display', 'block');
                        $('#coopcase2').css('display', 'none');
                    } else {
                        $('#coopcase2').css('display', 'block');
                        $('#coopcase1').css('display', 'none');
                    }
                });
            });
        });
    </script>
</body>

</html>